<%@ include file="/WEB-INF/jspf/constant.jspf" %>
<%@ page language="java" import="java.util.*" %>
<!--Form Function-->
<script type="text/javascript">
    // pre-submit callback
    function showRequest(formData, jqForm, options) {
        var queryString = $.param(formData);
        return true;
    }

    // post-submit callback
    function showResponse(responseText, statusText, xhr, $form)  {
        BindJsonToHtml(responseText);
        $.uniform.update("#formCureplan input, #formCureplan textarea, #formCureplan select,#formCureplan button");
        BalanceFormHeight();
    }

    // Reset Form Height
    function BalanceFormHeight()  {
        ResetFormHeight("#wrapSymptom", "#wrapSymptomComment");
        ResetFormHeight("#wrapAllergicHistory", "#wrapAllergicHistoryComment");
        ResetFormHeight("#wrapDiseaseHistory", "#wrapDiseaseHistoryComment");
        ResetFormHeight("#wrapAttachHistory", "#wrapAttachHistoryComment");
        ResetFormHeight("#wrapRoomType", "#wrapRoomTypeComment");
        ResetFormHeight("#wrapPriceMinAccept", "#wrapPriceMinAcceptComment");
        ResetFormHeight("#wrapDateMinAccept", "#wrapDateMinAcceptComment");
        ResetFormHeight("#wrapRequestQuotation", "#wrapRequestQuotation");
        ResetFormHeight("#wrapHotel", "#wrapHotelComment");
        ResetFormHeight("#wrapSpecialist", "#wrapSpecialistComment");
    }
    function ResetFormHeight(idPlan, idPlanDoctor)  {
        if($(idPlan).height() >  $(idPlanDoctor).height()) {$(idPlanDoctor).height($(idPlan).height());}
        else  {$(idPlan).height($(idPlanDoctor).height());}

    }

    function OpenCondition(){
        $("#dialog_condition").dialog("open");
    }
    (function($) {
        $.fn.getService = function(rowId){
            $.ajax({
                type: 'POST',
                url: '<%=request.getContextPath()%>/SRV/SearchService/dialog_detail?id='+rowId,
                //              data: "{}",
                //              contentType: "text/json; charset=utf-8",
                dataType: 'json',
                success: function(data){

                    $("#showHospital").html("");
                    $.each(data, function(i,j){


                        $("#name_service").text(j.name);
                        $("#price_service").text(j.price);
                        $("#currency_service").text(j.Currency);
                        $("#Doctor_name").text(j.Doctor_name);
                        $("#Doctor_surname").text(j.Doctor_surname);
                        $("#Doctor_code").text(j.Doctor_code);
                        $("#Doctor_sex").text(j.Doctor_sex);

                        var title = $("<a/>").attr({"class":"lightbox-image","href":"<%=request.getContextPath()%>/images/doctor/"+j.Doctor_id+".jpg","rel":"prettyphoto[treatment]","title":j.Doctor_name + " " + j.Doctor_surname});
                        $("#showDoctor").html(title);
                        var title =  $("<img/>").attr("src","<%=request.getContextPath()%>/images/doctor/thumb/"+j.Doctor_id+".jpg");
                        $("#showDoctor a").html(title);


                        $("#Hospital_name").text(j.Hospital_name);
                        $("#Hospital_location").text(j.Hospital_location);
                        $("#Hospital_hospitalLevel").text(j.Hospital_hospitalLevel);
                        $("#Hospital_latitude").text(j.Hospital_latitude);
                        $("#Hospital_longtitude").text(j.Hospital_longtitude);

                        var hospital = $("<a/>").attr({"class":"lightbox-image","href":"<%=request.getContextPath()%>/images/hospital/"+j.Hospital_id+".jpg","rel":"prettyphoto[treatment]","title":j.Hospital_name});
                        $("#showhospital").html(hospital);
                        var hospital =  $("<img/>").attr("src","<%=request.getContextPath()%>/images/hospital/thumb/"+j.Hospital_id+".jpg");
                        $("#showhospital a").html(hospital);

                    });
                    $("#dialog_cureplan").dialog("open");
                    $("a[rel^='prettyphoto']").prettyPhoto({theme:'facebook'});
                },
                error: function(){
                    alert("Error in json");
                }
            });
        };
        $.fn.getDataDDL = function(strCodebehide,strDefault){
            var $this = $(this);
            $.ajax({
                type: 'POST',
                url: '<%=request.getContextPath()%>'+strCodebehide ,
                dataType: 'json',
                async: false,
                success: function(data){
                    populateSelect($this.get(0), data, strDefault);
                    $.uniform.update($this);

                },
                error: function(){
                    alert("Error in json");
                }
            });
        };
    })(jQuery);
</script>
<!--End Form Function-->

<!--Page Load-->
<script type="text/javascript" >
    $(document).ready(function() {
    <%ResourceBundle resource = ResourceBundle.getBundle("Constant_en");%>
            var strSelectDefault = "<%= resource.getString("project.select.default")%>";
            $("#ddlSpecialist").getDataDDL('/Share/getSpecialist',strSelectDefault);
            $("#ddlHotel").getDataDDL('/Share/getHotel',strSelectDefault);

            /**
             * LoadData
             */
            $.ajax({
                url: "SRV/CureplanDetail/getJson" ,
                type: "POST",
                async: false, // temporarily lock the browser, disabling any actions while the request is active
                data: {
                    curePlanId: $("#curePlanId").val()
                },
                dataType: "json",
                success: function(data){
                
                    $("#formCureplan").find("input, select, button, textarea").uniform({selectClass: 'selector full_width width-100'});
                    $("#datDateMinAccept").datepicker();
                    $("#datDateMaxAccept").datepicker();
                    $("#btnReset").click(function(){
                        $("#formCureplan").get(0).reset();
                        $.uniform.update("#formCureplan input, #formCureplan textarea, #formCureplan select,#formCureplan button");
                        return false
                    });
                    //!Must Bind after uniform process
                
                    BindJsonToHtml(data);
                
                    $.uniform.update("#formCureplan input, #formCureplan textarea, #formCureplan select,#formCureplan button");
                
                    //Balance Form Height
                    BalanceFormHeight();

                    // bind to the form's submit event
                    $('#formCureplan').submit(function() {
                        $(this).ajaxSubmit({
                            url: '<%=request.getContextPath()%>/SRV/CureplanDetail/formCureplan_Submit?'+$(form).serialize(),
                            type: 'POST',
                            dataType:  'json',
                            beforeSubmit:  showRequest,  // pre-submit callback
                            success:       showResponse  // post-submit callback
                        });

                        // !!! Important !!!
                        // always return false to prevent standard browser submit and page navigation
                        return false;
                    }); 

                    //                    $("#formCureplan").validate({
                    //                        rules: {
                    //                            txtSymptom : "required",
                    //                            chkAcceptCondition : "required"
                    //                            //                        txtPriceMinAccept : {
                    //                            //                            required: true,
                    //                            //                            number: true
                    //                            //                        },
                    //                            //                        txtPriceMaxAccept : {
                    //                            //                            required: function(element) {
                    //                            //                                var minPrice = $('#txtPriceMinAccept').val();
                    //                            //                                var maxPrice = $('#txtPriceMaxAccept').val();
                    //                            //
                    //                            //                                if(parseInt(minPrice) >= parseInt(maxPrice)){
                    //                            //                                    $('#errorLabel').css('display', 'block');
                    //                            //                                    return false;
                    //                            //                                }
                    //                            //                                else
                    //                            //                                    $('#errorLabel').hide();
                    //                            //                                return true;
                    //                            //                            }
                    //                            //                        }
                    //                        },
                    //                        messages: {
                    //                            txtSymptom : "Please enter Symptom",
                    //                            chkAcceptCondition : "Please&nbsp;accept&nbsp;Terms&nbsp;and&nbsp;Conditions"
                    //                        },
                    //                        submitHandler: function(form) {
                    //                            $(form).ajaxSubmit({
                    //                                url: '<%=request.getContextPath()%>/SRV/CureplanDetail/formCureplan_Submit?'+$(form).serialize(),
                    //                                type: 'POST',
                    //                                dataType:  'json',
                    //                                beforeSubmit:  showRequest,  // pre-submit callback
                    //                                success:       showResponse  // post-submit callback
                    //                            });
                    //                        }
                    //                    });
                    $("#txtPriceMinAccept").blur(function() {
                        $("#txtPriceMaxAccept").valid();
                        $("#txtPriceMinAccept").valid();
                    });
                }
            });
            /**
             * End LoadData
             */

            /**
             * Bind Tab&Dialog
             */
            $("#tabs").tabs();
            $("#dialog_cureplan").dialog({
                autoOpen: false,
                height: 320,
                width: 550
            });
            $("#dialog_condition").dialog({
                autoOpen: false,
                height: 520,
                width: 550
            });
            /**
             * End Bind Tab&Dialog
             */

            /**
             * Bind Event
             */
            $("#btnBack").click(function() {
                ContentAjaxRequest('SRV/' + $("#fromPage").val(), 'section #container');
            });
            $("#imgService").click(function() {
                $("#dialog_cureplan").getService(<%=  request.getAttribute("cureServiceId")%>);
            });
            $("#btnManagePlan").click(function() {
                ContentAjaxRequest('SRV/SRV_CureplanList', 'section #container');
            });
            /**
             * End Bind Event
             */
        });
</script>
<!--End Page Load-->


<!--insert content here-->
<h3>Cure Plan Detail</h3>

<div id="message">
</div>
<div class="grid_10"> 
    <div class="box1">
        <div class="indent-box1">
            <div class="wrapper">
                <form id="formCureplan" class="form" >
                    <table class="width-90">
                        <tr>
                            <td>
                                <h4>
                                    Your Symptom
                                </h4>                             
                            </td>
                            <td style="float:right">
                                <a href="javascript:ContentAjaxRequest('SRV/MUserDetail?fromPage=<%=  request.getAttribute("fromPage")%>&cureServiceId=<%=  request.getAttribute("cureServiceId")%>&curePlanId=<%=  request.getAttribute("curePlanId")%>', 'section #container')" title="User Detail" ><img src="images/icon_member_male.gif" id="imgMember"  name ="imgMember" width="45" height="45" alt="" /></a>
                                <a href="#" title="Service Detail"><img src="images/icon_service.gif" id="imgService"  name ="imgService" width="45" height="45" alt="" /></a>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Symptom
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapSymptom" >
                                    <textarea rows="5" cols="90" name="txtSymptom" id="txtSymptom"></textarea>
                                    <label style="display:none;" id="lblSymptom">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Allergic History
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapAllergicHistory">
                                    <textarea rows="5" cols="90" name="txtAllergicHistory" id="txtAllergicHistory"></textarea>
                                    <label style="display:none;" id="lblAllergicHistory">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Disease History
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapDiseaseHistory">
                                    <textarea rows="5" cols="90" name="txtDiseaseHistory" id="txtDiseaseHistory"></textarea>
                                    <label style="display:none;" id="lblDiseaseHistory">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Attach History
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapAttachHistory">
                                    <div class="uploader" id="pnlAttachHistory">
                                        <input class="file" type="file" id="uplAttachHistory" name="uplAttachHistory" style="opacity: 0;" >
                                        <span class="filename">No file selected</span>
                                        <span class="action">Choose File</span>
                                        <small>
                                            file type: .doc, .docx, .pdf | file size: 10 MB
                                        </small>
                                    </div>
                                    <label style="display:none;" id="lblAttachHistory">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1">
                                    <!--                                Space For new Comment-->
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <h4>
                                    Your Request
                                </h4>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Room Type
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapRoomType">
                                    <textarea rows="5" cols="90" name="txtRoomType" id="txtRoomType"></textarea>
                                    <label style="display:none;" id="lblRoomType">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <em>
                                    Price Accept Min
                                </em>
                            </td>
                            <td>
                                <em>
                                    Price Accept Max
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td width="50%">
                                <div class="p1" id="wrapPriceMinAccept">
                                    <input type="text" id="txtPriceMinAccept" name="txtPriceMinAccept" class="width-90" />
                                    <label style="display:none;" id="lblPriceMinAccept">
                                    </label>
                                </div>
                            </td>
                            <td width="50%">
                                <div class="p1" id="txtPriceMaxAccept_wrapper">
                                    <input type="text" id="txtPriceMaxAccept" name="txtPriceMaxAccept" class="width-90" />
                                    <label style="display:none;" id="lblPriceMaxAccept">
                                    </label>
                                    <label id="errorLabel" style="display:none;" class="error" >Max Price cannot be lower than Min Price</label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <em>
                                    Date Accept Start
                                </em>
                            </td>
                            <td>
                                <em>
                                    Date Accept End
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td width="50%">
                                <div class="p1" id="wrapDateMinAccept">
                                    <input type="text" id="datDateMinAccept" name="datDateMinAccept" class="width-60"  />
                                    <label style="display:none;" id="lblDateMinAccept">
                                    </label>
                                </div>
                            </td>
                            <td width="50%">
                                <div class="p1" id="datDateMaxAccept_wrapper">
                                    <input type="text" id="datDateMaxAccept" name="datDateMaxAccept" class="width-60" />
                                    <label style="display:none;" id="lblDateMaxAccept">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Request Quotation
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapRequestQuotation">
                                    <input type="checkbox" id="chkRequestQuotation" name="chkRequestQuotation" />
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Select Hotel
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapHotel">
                                    <select id="ddlHotel" name="ddlHotel" class="width-100" >
                                    </select>
                                    <label style="display:none;" id="lblHotel">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Select Specialist
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapSpecialist">
                                    <select id="ddlSpecialist" name="ddlSpecialist" class="width-100" >
                                    </select>
                                    <label style="display:none;" id="lblSpecialist">
                                    </label>
                                </div>

                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Accept Terms&Conditions (<a href="javascript:OpenCondition()" title="More Detail">More Detail</a>)
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapAcceptCondition">
                                    <input type="checkbox" id="chkAcceptCondition" name="chkAcceptCondition" />
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                &nbsp;
                            </td>
                        </tr>
                        <tr >
                            <td colspan="2">
                                <div class="p1" id="ButtonCommand_wrapper">
                                    <button type="button" name="btnBack" id="btnBack" value="Back">
                                        <span>Back</span>
                                    </button>
                                    <button type="button" name="btnManagePlan" id="btnManagePlan" value="ManagePlan">
                                        <span>Manage Plan</span>
                                    </button>
                                    <input type="reset" name="btnReset" id="btnReset" value="Reset" />
                                    <button type="submit" name="btnSaveDraft" id="btnSaveDraft" value="SaveDraft">
                                        <span>Save Draft</span>
                                    </button>
                                    <input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" />
                                </div>
                            </td>
                        </tr>
                    </table>
                    <!-- Hidden Field-->
                    <div>
                        <input type="hidden" id="cureServiceId" name="cureServiceId" value="<%=  request.getAttribute("cureServiceId")%>" />
                        <input type="hidden" id="curePlanId" name="curePlanId" value="<%=  request.getAttribute("curePlanId")%>" />
                        <input type="hidden" id="fromPage" name="fromPage" value="<%=  request.getAttribute("fromPage")%>" />
                    </div>
                    <!-- End Hidden Field-->
                </form>
            </div>
        </div>
    </div>
</div>
<div class="grid_6">
    <div class="box">
        <div class="indent-box">
            <div class="wrapper">
                <form id="formCureplanDoctor" class="form" >
                    <table>
                        <tr>
                            <td colspan="2">
                                <h4>
                                    Medical analysis
                                </h4>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Symptom Comment
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapSymptomComment" >
                                    <label class="" id="lblSymptomComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Allergic History Comment
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapAllergicHistoryComment">
                                    <label class="" id="lblAllergicHistoryComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Disease History Comment
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapDiseaseHistoryComment">
                                    <label class="" id="lblDiseaseHistoryComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Attach History Comment
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapAttachHistoryComment">
                                    <label class="" id="lblAttachHistoryComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1">
                                    <!--                                Space For new header-->
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <h4>
                                    Request Comment
                                </h4>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Room Type Comment
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapRoomTypeComment">
                                    <label class="" id="lblRoomTypeComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <em>
                                    Price Estimate Min
                                </em>
                            </td>
                            <td>
                                <em>
                                    Price Estimate Max
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td width="50%">
                                <div class="p1" id="wrapPriceMinAcceptComment">
                                    <label class="" id="lblPriceMinAcceptComment">
                                    </label>
                                </div>
                            </td>
                            <td width="50%">
                                <div class="p1" id="lblPriceMaxAcceptComment_wrapper">
                                    <label class="" id="lblPriceMaxAcceptComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <em>
                                    Date Accept Start
                                </em>
                            </td>
                            <td>
                                <em>
                                    Date Accept End
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td width="50%">
                                <div class="p1" id="wrapDateMinAcceptComment">
                                    <label class="" id="lblDateMinAcceptComment">
                                    </label>
                                </div>
                            </td>
                            <td width="50%">
                                <div class="p1" id="lblDateMaxAcceptComment_wrapper">
                                    <label class="" id="lblDateMaxAcceptComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Attach Quotation
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapRequestQuotation">
                                    <label class="" id="lblRequestQuotation">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Suggest Hotel
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapHotelComment">
                                    <label class="" id="lblHotelComment">
                                    </label>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <em>
                                    Suggest Specialist
                                </em>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <div class="p1" id="wrapSpecialistComment">
                                    <label class="" id="lblSpecialistComment">

                                    </label>
                                </div>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
    </div>
</div>
<div id="dialog_cureplan" class="medhub_dialog" title="Treatment Information" style="display:none;">
    <div id="tabs">
        <ul>
            <li><a href="#fragment-1"><span>Service</span></a></li>
            <li><a href="#fragment-2"><span>Doctor</span></a></li>
            <li><a href="#fragment-3"><span>Hospital</span></a></li>
        </ul>
        <div id="fragment-1">
            <table width="391" border="0">
                <tr>
                    <td width="8" rowspan="5">&nbsp;</td>
                    <td width="11">&nbsp;</td>
                    <td width="139"><em>Service name</em></td>
                    <td width="10">&nbsp;</td>
                    <td width="203"><label  id="name_service"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td> </td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Price</em></td>
                    <td>&nbsp;</td>
                    <td><label  id="price_service"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Currency</em></td>
                    <td>&nbsp;</td>
                    <td><label  id="currency_service"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td></td>
                </tr>
            </table>
        </div>
        <div id="fragment-2">
            <table width="360" border="0">
                <tr>
                    <td width="8" rowspan="4"><div id ="showDoctor"></div></td>
                    <td width="80">&nbsp;</td>
                    <td width="80"><em>Name</em></td>
                    <td width="21">&nbsp;</td>
                    <td width="175"><label  id="Doctor_name"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Surname</em></td>
                    <td>&nbsp;</td>
                    <td> <label  id="Doctor_surname"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Code</em></td>
                    <td>&nbsp;</td>
                    <td><label  id ="Doctor_code"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>sex</em> </td>
                    <td>&nbsp;</td>
                    <td><label  id ="Doctor_sex"></label></td>
                </tr>
            </table>
        </div>
        <div id="fragment-3">
            <table width="440" border="0">
                <tr>
                    <td width="8" rowspan="5"><div id ="showhospital"></div></td>
                    <td width="14">&nbsp;</td>
                    <td width="74"><em>Name</em></td>
                    <td width="11">&nbsp;</td>
                    <td width="287"><label  id="Hospital_name"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Location</em></td>
                    <td>&nbsp;</td>
                    <td> <label  id="Hospital_location"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Level</em></td>
                    <td>&nbsp;</td>
                    <td><label  id ="Hospital_hospitalLevel"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Latitude</em></td>
                    <td>&nbsp;</td>
                    <td><label  id ="Hospital_latitude"></label></td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td><em>Longtitude</em></td>
                    <td>&nbsp;</td>
                    <td><label  id ="Hospital_longtitude"></label></td>
                </tr>
            </table>
        </div>
    </div>
</div>
<div id="dialog_condition" class="medhub_dialog" title="Terms&Conditions" style="display:none;">
    <div id="condition_content" style="font-size: 14px;">
        Welcome to our website. If you continue to browse and use this website, you are agreeing to comply with and be bound by the following terms and conditions of use, which together with our privacy policy govern [business name]'s relationship with you in relation to this website. If you disagree with any part of these terms and conditions, please do not use our website.
        The term '[business name]' or 'us' or 'we' refers to the owner of the website whose registered office is [address]. Our company registration number is [company registration number and place of registration]. The term 'you' refers to the user or viewer of our website.
        The use of this website is subject to the following terms of use:
        <ul style="font-size: 12px;">
            <li>- The content of the pages of this website is for your general information and use only. It is subject to change without notice.</li>
            <li>- This website uses cookies to monitor browsing preferences. If you do allow cookies to be used, the following personal information may be stored by us for use by third parties: [insert list of information].</li>
            <li>- Neither we nor any third parties provide any warranty or guarantee as to the accuracy, timeliness, performance, completeness or suitability of the information and materials found or offered on this website for any particular purpose. You acknowledge that such information and materials may contain inaccuracies or errors and we expressly exclude liability for any such inaccuracies or errors to the fullest extent permitted by law.</li>
            <li>- Your use of any information or materials on this website is entirely at your own risk, for which we shall not be liable. It shall be your own responsibility to ensure that any products, services or information available through this website meet your specific requirements.</li>
            <li>- This website contains material which is owned by or licensed to us. This material includes, but is not limited to, the design, layout, look, appearance and graphics. Reproduction is prohibited other than in accordance with the copyright notice, which forms part of these terms and conditions.</li>
            <li>- All trademarks reproduced in this website, which are not the property of, or licensed to the operator, are acknowledged on the website.</li>
            <li>- Unauthorised use of this website may give rise to a claim for damages and/or be a criminal offence.</li>
            <li>- From time to time, this website may also include links to other websites. These links are provided for your convenience to provide further information. They do not signify that we endorse the website(s). We have no responsibility for the content of the linked website(s).</li>
            <li>- Your use of this website and any dispute arising out of such use of the website is subject to the laws of England, Northern Ireland, Scotland and Wales.</li>
        </ul>
    </div>
</div>